﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>高速动车组制动系统实训与仿真实验教学中心 - 兰州交通大学</title>
<meta name="keywords" content="">
<meta name="description" content="">

<script language="javascript" type="text/javascript" src="static/js/dedeajax2.js"></script><!--这段是显示整个效果必须要存在的ajax框架-->
<script language="javascript" type="text/javascript" src="static/js/layui.js"></script>
<script language="javascript" type="text/javascript" src="static/js/jquery-3.3.1.min.js"></script>

<link href="static/css/layui.css" type="text/css" rel="stylesheet">
<link href="static/css/style.css" type="text/css" rel="stylesheet">

</head>
<body>
	 
  <!--顶部开始-->
  
<div id="header">
<div class="banner">
<div style="width:1000px; height:140px; background:url(static/images/banner07.jpg)">
</div>
</div>
<!--导航栏-->
<div class="nav-bar">
<div class="nav">
	<ul>
		<li><a href="index.html" ><span>首页</span></a></li>

				<li><a href='szdw.html'  rel='dropmenu2'><span>项目团队</span></a></li>
				
				<li><a href='zxgk.html'  rel='dropmenu1'><span>项目描述</span></a></li>

      	<li><a href='fzsyxm.html'  rel='dropmenu5'><span>实验项目</span></a></li>
				
				<li><a href='wlyq.html'  rel='dropmenu4'><span>网络要求</span></a></li>

				<li><a href='jsjg.html'  rel='dropmenu4'><span>技术架构</span></a></li>

				<li><a href='xmts.html'  rel='dropmenu4'><span>项目特色</span></a></li>

				

				<li><a href='gzzd.html'  rel='dropmenu6'><span>规章制度</span></a></li>
				
				<li><a href='syjl.html'  rel='dropmenu6'><span>实验交流</span></a></li>

				<li><a href=''><span >实验监控</span></a></li>
			
	</ul>
</div>
</div>
</div>
  <div class="clear"></div>
  <!--顶部结束-->
 <div class="wrap">
  	<div class="main">
  		<!-- <div class="main-left" >
  			<div class="box-guide">
          
					
  			</div>
  			<div class="box-links">

  		
				</div>
				<div class="box-links" >
  				
				</div>
				
			</div> -->
			
  		<div class="main-right">
		
	
				<div class="box-introduce">
					
				</div>
        
  			<div class="box-pictures" style="margin:20px 20px 30xp 20px">
					
  			</div>
        <div style="clear: both;"></div>
        <div class="box-jianjie">
          <p class="index-title"><img src="static/picture/title.png"><span>实验简介</span></p>
          <textarea class="jianjie1" style="height:180px;">      由于高速动车组结构复杂，制造与试验成本高，条件要求苛刻，很难进行实物全真实验台的建设。在“虚实结合，内外互补”的基础上，进一步扩展了“虚实互证，资源共享”的建设思路。紧跟高速动车组发展趋势，结合我校车辆实验室现有实验条件和教学资源，拟申报“高速动车组制动系统实训与仿真实验”，开展高速动车组制动系统多种制动工况模拟、基础制动系统三维仿真、牵引性能测试、动车组模拟操纵等实验内容，并可进一步进行制动故障诊断与排除、制动逻辑控制优化等综合创新型实验开发。</textarea>
					<br/>
					<br/>
					<video src="static/videos/mov1.mp4" controls="controls" style="height:320px;width:480px;" >
						您的浏览器不支持 video 标签。
						</video>
				</div>
				<div class="box-img" style="width:360px;height:600px;margin: 20px 20px 20px 60px;">
					<fieldset class="layui-elem-field site-demo-button" style="margin-top: 30px;height: 500px;background-color: #589adc73">
						<div style="margin: 14px 12px 16px 12px">
							<strong style="font-size:20px;text-align:center;">实验预约</strong>
						</div>
						
					<form action="#" class="layui-form layui-form-pane" method="post" style="margin: 25px 15px 15px 15px;">
						<div class="layui-form-item">
								<label class="layui-form-label"><strong>学校名称:</strong></label>
								<div class="layui-input-block">
									<input type="text" id="schoolName" name="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
								</div>
						</div>
						<div class="layui-form-item">
								<label class="layui-form-label"><strong>学院名称:</strong></label>
								<div class="layui-input-block">
									<input type="text" name="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
								</div>
						</div>
						<div class="layui-form-item">
								<label class="layui-form-label"><strong>专业名称:</strong></label>
								<div class="layui-input-block">
									<input type="text" name="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
								</div>
						</div>
						<div class="layui-form-item">
								<label class="layui-form-label"><strong>班级名称:</strong></label>
								<div class="layui-input-block">
									<input type="text" name="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
								</div>
						</div>
						<div class="layui-form-item">
								<label class="layui-form-label"><strong>学号:</strong></label>
								<div class="layui-input-block">
									<input type="text" name="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
								</div>
						</div>
						<div class="layui-form-item">
								<label class="layui-form-label"><strong>实验课名称:</strong></label>
								<div class="layui-input-block">
									<input type="text" name="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
								</div>
						</div>
						<div class="layui-form-item">
								<label class="layui-form-label"><strong>预约时间:</strong></label>
								<div class="layui-input-block">
									<input type="text" name="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
								</div>
						</div>
						
						<div >
							<!-- <input type="submit" class="layui-btn layui-btn-primary" style="margin-left:60px;" value="提交" /> -->
							<button class="layui-btn layui-btn-primary" style="margin-left:60px;" id="submitInfo"><strong>提交</strong></button>
							<!-- <input type="submit" class="layui-btn layui-btn-primary" style="margin-left:60px" value="重置" /> -->
							<button class="layui-btn layui-btn-primary" style="margin-left:60px;"><strong>重置</strong></button>
						</div>
						

					</form>

					</fieldset>

  			</div>
  		
  			
  		</div>
  		<div class="clear"></div>
  		<div class="box-show">
  			 <p class="show-title">实验室展示</p>
  			 <dl class="tbox light">
        <dd class='light'>		
       
				
		<div id="show_button" style="overflow:hidden; width:1000px;margin:auto;background:#FFFFFF;clear:both;">
			<!--图片滚动开始-->
			<table width="100%" cellspacing="0" cellpadding="0">
				<tr align="center">
					<!--需要滚动的代码开始-->
					<td id="srcpics1">
			
						<table width="100%" cellspacing="8" cellpadding="0">
							<tr align="center"  style=" vertical-align:top;">
								
								
						<td class="srtd">
							<a href="#"><img src='static/picture/mov1_20180909115000.jpg' border='0' width='200' height='130' alt='成果展示二十二'><!--<span class="tutorname">成果展示二十二</span>--></a>
						</td>
						<td class="srtd">
							<a href="#"><img src='static/picture/mov1_20180909115029.jpg' border='0' width='200' height='130' alt='成果展示二十二'><!--<span class="tutorname">成果展示二十二</span>--></a>
						</td>
						<td class="srtd">
							<a href="#"><img src='static/picture/mov1_20180909115040.jpg' border='0' width='200' height='130' alt='成果展示二十二'><!--<span class="tutorname">成果展示二十二</span>--></a>
						</td>
						<td class="srtd">
							<a href="#"><img src='static/picture/mov1_20180909112657.jpg' border='0' width='200' height='130' alt='成果展示二十二'><!--<span class="tutorname">成果展示二十二</span>--></a>
						</td>
						<td class="srtd">
							<a href="#"><img src='static/picture/mov1_20180909114933.jpg' border='0' width='200' height='130' alt='成果展示二十二'><!--<span class="tutorname">成果展示二十二</span>--></a>
						</td>
							</tr>
							
						</table>
						
					</td>
					<!--需要滚动的代码结束-->
					<!--滚动辅助区域开始-->
					<td id="srcpics2"></td>
					 <!--滚动辅助区结束-->
				</tr>
			
			 </table>
			 <!--图片滚动结束-->
		</div>

	   <script language="javascript">
			var speed =20; //数字越大，速度越慢
			var srcpic = document.getElementById('show_button');
			var srcpics1 = document.getElementById('srcpics1');
			var srcpics2 = document.getElementById('srcpics2');
			srcpics2.innerHTML = srcpics1.innerHTML;
			function Marquee()
			{
				if(srcpics2.scrollWidth-srcpic.scrollLeft<=0)
				{
					srcpic.scrollLeft=0;
				}
				else
				{
					srcpic.scrollLeft++;
				}
			}
			 
			var MyMar = setInterval(Marquee,speed);
			srcpic.onmouseover = function() {clearInterval(MyMar);};
			srcpic.onmouseout = function() {MyMar=setInterval(Marquee,speed);};
		</script>
        </dd>
      </dl>
      <div class="clear"></div>
  		</div>
       <div class="clear"></div>
	</div>
   <div class="clear"></div>
</div>
  <div class="clear"></div>
<!--底部开始-->
<div id="footer" >
<li>Copyright 2018 © 兰州交通大学 高速动车组制动系统实训与仿真实验教学中心 版权所有 </li>
</div>

<!--底部结束-->
<script>
layui.use(['carousel', 'form'], function(){
	var carousel = layui.carousel
	,form = layui.form;
	
	//常规轮播
	carousel.render({
		elem: '#test1'
		,width: '1050px'
		,height: '240px'
	});
	
});
</script>
<script>
$(document).ready(function(){
  $("#submitInfo").click(function(){
	let schoolName = $('#schoolName').val();
	let collegeName = $('#collegeName').val();
	let majorName = $('#majorName').val();
	let classlName = $('#classlName').val();
	let stuNo = $('#stuNo').val();
	let courseName = $('#courseName').val();
	let date = $('#date').val();
    console.log(`${schoolName}-${collegeName}`);
  });
});
</script>
</body>

</html>